<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title th:text="${title}+'_淘宝搜索'"></title>
    <link th:href="@{static/resource/img/png/logo.ico}" rel="icon"/>
    <link th:href="@{static/search/css/style.css}" rel="stylesheet"/>
    <script type="text/javascript" th:src="@{webjars/vue/2.5.16/vue.js}"></script>
    <script type="text/javascript" th:src="@{static/resource/lib/Cookie.js}"></script>
    <script type="text/javascript" th:src="@{webjars/axios/0.21.1/dist/axios.js}"></script>
    <script type="text/javascript" th:src="@{static/resource/lib/DelayLoad.js}"></script>
    <script th:src="@{static/resource/lib/CommApi.js}" type="text/javascript"></script>
    <script th:src="@{static/search/js/index.js}" defer type="text/javascript"></script>
</head>
<body>
<div class="top-item">
    <div class="top-item-content">
        <div class="top-item-content-left">
            <li>
                <label>中国大陆•</label>
                <div class="site-nav-region model"></div>
            </li>
            <div th:with="con=${userInfo}" th:remove="tag">
                <div th:if="${con}" class="invalid">
                    <a href="javascript:void(0)" th:text="${userInfo.getNickname()}"></a>
                </div>
                <div th:unless="${con}" class="a-invalid">
                    <li><a href="/login">亲，请登录</a></li>
                    <li><a href="/register">免费注册</a></li>
                    <li><a href="javascript:void(0)">手机逛淘宝</a></li>
                </div>
            </div>
        </div>
        <div class="top-item-content-right">
            <li class="my_tb">
                <a href="javascript:void(0)">我的淘宝</a>
                <div class="site-mytb model" th:text="${shop}">
                    <span class="site-nav-region-item">已买到的宝贝</span>
                    <span class="site-nav-region-item">我的足迹</span>
                </div>
            </li>
            <li>购物车0</li>
            <li>收藏夹</li>
            <li>商品分类</li>
            <li>免费开店</li>
            <li>千牛卖家中心</li>
            <li>联系客服</li>
            <li>网站导航</li>
        </div>
    </div>
</div>
<div class="container">
    <div class="search-nav" >
        <div class="search-input">
            <input type="text" v-cloak v-model="keyword" placeholder="热款" th:value="${title}">
        </div>
        <div class="search-query">
            <button id="search" @click="search">搜索</button>
        </div>
    </div>
    <ul class="item-list">
        <li th:if="result!=null" th:each="arr:${result}" class="item-li">
            <a th:href="${arr.link}">
                <div class="item-img">
                    <img delay="true" th:attr="data=${arr.src}" alt="">
                </div>
                <div class="item-msg">
                    <p class="item-msg-p">
                        <b class="price" th:text="'￥'+${arr.price}"></b>
                        <i th:attr="class=${arr.parcle > 0 ? 'icon-png show':'none'}"></i>
                        <span th:text="${arr.sale_quota}+'人付款'"></span>
                    </p>
                    <label th:text="${arr.descript}"></label>
                </div>
                <div class="shop-name">
                    <i class="icon-png d"></i>
                    <span th:text="${arr.name}"></span>
                    <span th:text="${arr.site}"></span>
                </div>
            </a>
        </li>
    </ul>
    <ul class="push-list item-list">
        <li v-for="item in arrayList" v-cloak :key="item.id" class="item-li">
            <a :href="item.link">
                <img delay="true" :data="item.src" alt="">
                <div class="item-msg">
                    <p class="item-msg-p">
                        <b class="price">{{item.price}}</b>
                        <i>{{item.parcle}}</i>
                        <span>{{item.sale_quota}}人付款</span>
                    </p>
                    <label>{{item.descript}}</label>
                </div>
                <div class="shop-name">
                    <i class="icon-png d"></i>
                    <span>{{item.name}}</span>
                    <span>{{item.site}}</span>
                </div>
            </a>
        </li>
    </ul>
</div>
</body>

</html>